<!--
  ~ -
  ~  ============LICENSE_START=======================================================
  ~  Copyright (C) 2022 Nordix Foundation.
  ~  ================================================================================
  ~  Licensed under the Apache License, Version 2.0 (the "License");
  ~  you may not use this file except in compliance with the License.
  ~  You may obtain a copy of the License at
  ~
  ~       http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~  Unless required by applicable law or agreed to in writing, software
  ~  distributed under the License is distributed on an "AS IS" BASIS,
  ~  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~  See the License for the specific language governing permissions and
  ~  limitations under the License.
  ~
  ~  SPDX-License-Identifier: Apache-2.0
  ~  ============LICENSE_END=========================================================
  -->

<div class="sdc-workspace-container">

  <loader class="loader" [display]="isLoading"></loader>
  <div class="w-sdc-main-container">
    <app-workspace-menu [menuHeader]="dataType.name"
                        (onMenuUpdate)="onMenuUpdate($event)"
                        (onClick)="onMenuClick($event)">
    </app-workspace-menu>

    <div class="w-sdc-main-right-container">
      <div class="sdc-workspace-top-bar">
        <div class="progress-container">
        </div>
        <div class="sdc-workspace-top-bar-buttons">
          <button *ngIf="!isViewOnly" data-ng-disabled="!isValidForm || isDisableMode() || isLoading || unsavedChanges" (click)="createImportType()" class="tlv-btn outline green" data-tests-id="create/save">Create</button>

          <span *ngIf="!dataType.normative && isViewOnly"
            class="sprite-new delete-btn"
            data-tests-id="delete"
            sdc-smart-tooltip="Delete Type"
            (click)="deleteDataType()"
            [title]="'DELETE_LABEL' | translate"></span>

          <span class="delimiter"></span>
          <span class="sprite-new x-btn" (click)="goToBreadcrumbHome()" sdc-smart-tooltip="Close" [title]="'CLOSE_LABEL' | translate"></span>
        </div>
      </div>

      <div class="w-sdc-main-container-body-content-wrapper">
        <div class="w-sdc-main-container-body-content-header">
          <div class="workspace-tab-title">
            {{currentMenu.text}}
          </div>
        </div>
        <div class="w-sdc-main-container-body-content" *ngIf="dataType">
          <app-type-workspace-general *ngIf="currentMenu.state === 'general'" [dataType]="dataType" (onImportedType)="onImportedType($event)"></app-type-workspace-general>
          <app-type-workspace-properties *ngIf="currentMenu.state === 'properties'" [dataType]="dataType" [isViewOnly]="dataType.normative"></app-type-workspace-properties>
          <app-type-workspace-tosca-artifact *ngIf="currentMenu.state === 'tosca_artifacts'" [dataType]="dataType"></app-type-workspace-tosca-artifact>
        </div>

      </div>

    </div>
  </div>
  <top-nav [hideSearch]="true" [menuModel]="breadcrumbsModel" [version]="sdcVersion" [unsavedChanges]="false"></top-nav>
</div>
